// pages/home/home.js
import Service from '../../model/service'
const service = new Service()
Page({
  handleTabChange(event){
    let index = event.detail
  },
  // 点击列表跳转服务详情
  handleSelectService(event){
    const service = event.currentTarget.dataset.service
    wx.navigateTo({
        url : "/pages/service-details/index?service_id=" + service.id
    })
  },
  // 点击分类获取id
  handleCategoryChange(event) {
    let id = event.currentTarget.dataset.id
    console.log(id);
  },
    /**
   * 页面的初始数据
   */
  data: {
    // 导航栏数据
    tabs: [
      {
        name:'所有服务',
        type:''
      },
      {
        name:'在提供',
        type: 1
      },
      {
        name:'正在找',
        type: 2
      }
    ],
    // 分类数据
    categoryList : [],
    // 服务列表数据
    serviceList : [],
    serviceId: 0,
    pageInfo:{
      page: 1,
      count:10,
      total: 0
    },
    insLoading:true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this._getcategoryList()
    this._getserviceList()
  },
  // 获取分类数据
  async _getcategoryList(){
    const res =await service.getcategoryList()
    this.setData({
      categoryList:res
    })
  },
  // 获取服务列表数据
  async _getserviceList(){
    this.setData({
      insLoading:true 
    })
    const res = await service.getservieList({page:this.data.pageInfo.page,count:this.data.pageInfo.count})
    console.log(res);
    if(this.data.pageInfo.page == 1) {
      this.data.pageInfo.total = res.total
      this.serviceList = res.data
      this.setData({
        serviceList:res.data
      })
    }else {
      this.data.serviceList = [...this.data.serviceList, ...res.data]
      this.setData({
        serviceList : this.data.serviceList
      })
    }
    this.setData({
      insLoading: false,
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.insLoading) {
      return 
    }
    if(this.data.pageInfo.total > this.data.serviceList.length) {
      this.data.pageInfo.page += 1
      this._getserviceList()
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})